iT邦幫忙

2024 iThome 鐵人賽

DAY 24
0
Modern Web

重新認識 FrontEnd系列 第 24

Day24:為何需要 TypeScript

  • 分享至 

  • xImage
  •  

為何你需要 TypeScript

在一開始觸碰到 JavaScript 時,多少會對於他的弱型別以及高自由度有一定的想法,好處是想到什麼就打什麼,單人開發還要先宣告型別?都在腦袋裡了啊!要定義傳入什麼傳出什麼?我這個函式要做十件事!
這樣子的開發方式,通常一個月後你就會很想掐死自己了。有些人可能會透過註解的方式來提醒自己或他人,但當一個公用函式每在一個地方引用就要加上註解未免也太麻煩,並且若沒有在函式一開始把例外的案例全部剃除或是只允許特定的案例往後走那一樣會出 Bug,這時候你需要的是 TypeScript

TypeScript 是什麼

TypeScript 為 JavaScript 的超集,他添加了可選的靜態型別設計和基於類別的物件導向設計,主要有這些特點

  1. 強型別類型檢查:TypeScript 允許開發者為變數、函式參數和返回值指定類型
  2. 物件導向設計:設計模式的重點通常是基於各種讓你的代碼好管理並且好讀好懂為前提,而物件導向就是一個知名的設計模式
  3. 高度自訂義:你可以透過 tsconfig 來決定你的 TypeScript 要採取何種策略,配合上 EsLint打造最適合你的 Coding Style
  4. 編譯檢查:正常來說,TypeScript 會在編譯時檢查你的代碼是否有符合規範,而如果你的 IDE 有支援一些額外的功能時也會在你 Coding 時提醒你

TypeScript 很難學嗎

這問題相信會是許多還在猶豫是否要學習 TypeScript 夥伴的疑問,TypeScript 可以是漸進式引入的遇事不決 Any 解決,當你慢慢地體會到 TypeScript 的好時你也學會該如何和他相處了


上一篇
Day23:事件循環 Event loop
下一篇
Day25:TypeScript 安裝
系列文
重新認識 FrontEnd30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言